// 节流
// 拖拽一个元素时，要随时拿到该元素被拖拽到位置
// 直接用drag事件，则会频繁触发，容易造成卡顿
// 节流：无论拖拽速度多块，都会每隔一段时间触发

function throttle(fn, delay = 100) {
  let timer = null

  return function() {
    if (timer) {
      return
    }
    timer = setTimeout(() => {
      fn.apply(this,arguments)
      timer = null
    }, 100);
  }
}

div1.addEventListener('drag',throttle(function(e) {
  console.log((e.offsetX,e.offsetY));
},200))